<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
	<head th:include="inc/ietm::header">
	</head>
	<body>
	<script type="text/javascript" th:src="@{/ietm/js/vue.min.js}"></script>
	<script type="text/javascript" th:src="@{/ietm/js/textSearch.js}" ></script>
	<script type="text/javascript" th:src="@{/ietm/js/content.js}" ></script>
	<div class="back" onclick="contentBack()"><img th:src="@{/images/back.png}" /></div>
	<div th:include="header :: header"></div>
	<div class="header-title">
		<span id="dmTitle">柴油机描述-总则</span>
	</div>
	<div class="container" id="container">
			<input type="hidden" name="dmId" id="dmId" th:value="*{dmId}"/>
			<input type="hidden" name="projectId" id="projectId" v-model="dm.projectId"/>
			<input type="hidden" name="requesturl" id="requesturl" v-model="dm.requesturl"/>
			<input type="hidden" name="url" id="url" v-model="dm.url"/>
			<input type="hidden" name="pmId" id="pmId" v-model="dm.pmId"/>
			<input type="hidden" name="type" id="type" v-model="dm.type"/>
			<div class="dm-more">
				<ul class="dm-morea">
				   <li>
					    	<img th:src="@{/images/ser.png}" />
						    <div class="dm-more-content">
						    	<div class="dm-moreaa clearfix">
						   	  	  <div class="dm-moreaal"><span>搜索</span></div>
						   	  	  <div class="dm-moreaar"></div>
						   	    </div>
						   	    <div class="dm-moreaf clearfix">
						   	    	<div class="dm-moreafl"><input type="text" id="checkContent"/></div>
						   	    	<div class="dm-moreafr"><a href="javascript:void(0);" onclick="textSearch()">查 询</a></div>
						   	    </div>
						    </div>
					    </li>
						<li>
						   <img th:src="@{/images/ml.png}" />
						   <div class="dm-more-content">
						   	  <div class="dm-moreaa clearfix">
						   	  	  <div class="dm-moreaal"><span>目录</span></div>
						   	  	  <div class="dm-moreaar"></div>
						   	  </div>
						   	  <div class="dm-Height" id='dmCatalog'>
						   	  </div>
						   </div>
					    </li>
						<li>
							<img th:src="@{/images/sz.png}" />
							<div class="dm-more-content">
						   	  <div class="dm-moreaa clearfix">
						   	  	  <div class="dm-moreaal"><span>设置</span></div>
						   	  	  <div class="dm-moreaar"></div>
						   	  </div>
						   	  <div class="dm-moread clearfix">
						   	  	 <div class="dm-moreadl">主题颜色：</div>
						   	  	 <div class="dm-moreadr dm-bg-click">
						   	  	 	<a href="javascript:void(0);" onclick="bgcolorchange('#f6f4ec')">灰色</a>
						   	  	 	<a href="javascript:void(0);" onclick="bgcolorchange('#dbeed9')">绿色</a>
						   	  	 	<a href="javascript:void(0);" onclick="bgcolorchange('#e8fdfe')">亮蓝</a>
						   	  	 	<a href="javascript:void(0);" onclick="bgcolorchange('#f1debd')">黄色</a>
						   	  	 	<a href="javascript:void(0);" onclick="bgcolorchange('#fdd9d9')">粉色</a>
						   	  	 </div>
						   	  </div>
						   	  <div class="dm-moread clearfix">
						   	  	 <div class="dm-moreadl">字体大小：</div>
						   	  	 <div class="dm-moreadr">
						   	  	 	<a href="javascript:void(0);" class="bigger">A-</a>
						   	  	 	<a href="javascript:void(0);" class="smaller">A+</a>
						   	  	 </div>
						   	  </div>
						   	  <div class="dm-moreae"><a href="javascript:void(0);" onclick="saveFontAndColor()">保 存</a></div>
						    </div>
						</li>
					    <li><img onclick="preDm()"  v-on:click="preDm(dm.orderCode)" th:src="@{/images/ht.png}" /></li>
					    <li><img onclick="nextDm()" v-on:click="nextDm(dm.orderCode)" th:src="@{/images/qj.png}" /></li>
					    <li><img onclick="goPre()" th:src="@{/images/syz.png}" /></li>
					    <li><img onclick="goNext()" th:src="@{/images/xyz.png}" /></li>
				</ul>
			</div>
			<div class="content-dmr"><iframe v-bind:src="dm.url" id="publiciframe"  width="100%" height="100%" scrolling="no" frameborder="no" border="0"></iframe>
			</div>
		</div>
	</body>
	<script th:inline="javascript">  
/*<![CDATA[*/  
    colorVal =[[${session.color}]];
    fontSize=[[${session.font}]];
    guolvFit=[[${session.guolvFit}]];
    userName=[[${session.user.userName}]];
    
    /*]]>*/  
    </script>
    <script>
    var container=new Vue({
		el:'#container',
		data:{
			dm:{}
		},
		created:function(){
			var that=this;
			$.get("/ietm/getDataModule?id="+location.search.substring(location.search.indexOf('=')+1),function(data){//一级
				that.dm=data
				console.log(data);
			});
		}
	});
    </script>
</html>
